@charset "utf-8";
/* 媒体查询 */

$base-fonts-default: 100px; //基准数
$max-container: 1200px;
$responsives:320px,
360px,
375px,
384px,
393px,
414px,
480px,
540,
640px,
720px; // 屏幕断点
@function rem($px) {
  @return $px / $base-fonts-default *1rem;
}

@mixin fz($values) {
  font-size: $values * $base-fonts-default / $max-container;
}

@each $responsive in $responsives {
  @media only screen and (min-width: #{$responsive}) {
    html {
      @include fz($responsive);
    }
    body {
      font-size: ($responsive * $base-fonts-default / $max-container)*0.24;
    }
  }
}